﻿<%@ Page Title="" Language="vb" AutoEventWireup="false" MasterPageFile="~/Site.Master" CodeBehind="List.aspx.vb" Inherits="Prototype.Experiences_List" %>
<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server">
    <style type="text/css">
        .style2
        {
            font-size: x-large;
        }
    </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
    <p>
        &nbsp;</p>
    <p class="style2">
        Check out exciting experiences from other users!</p>
<p>
    <asp:GridView  ID="GridView1" runat="server" AutoGenerateColumns="False" 
        DataKeyNames="ID" DataSourceID="ExperiencesDataSource" Height="46px" 
        Width="355px" AllowSorting="True">
        <Columns  >
            <asp:BoundField DataField="Exp_Author" ItemStyle-CssClass="gridview_color_b" ItemStyle-Width="70px" ItemStyle-Height="50px" HeaderText="Author" 
                SortExpression="Exp_Author" />
            <asp:BoundField DataField="Exp_Title" ItemStyle-CssClass="gridview_color_a" ItemStyle-Width="120px" HeaderText="Title" 
                SortExpression="Exp_Title" />
            <asp:TemplateField ItemStyle-CssClass="gridview_color_b" ItemStyle-Width="72px" HeaderText="Thumbnail">
                <ItemTemplate>
            
            <asp:HyperLink ID="thumbnail_hyperlink" runat="server" NavigateUrl='<%# Eval("ID", "Detail.aspx?ID={0}") %>'>   
            <asp:Image ID="thumbnail_img" Width="70px" Height="45px" runat="server" ImageUrl='<%# Eval("Exp_Photo") %>'/>
            </asp:HyperLink> 
              

                </ItemTemplate>
            </asp:TemplateField>
            <asp:HyperLinkField ItemStyle-CssClass="gridview_color_a" ItemStyle-Width="90px" DataNavigateUrlFields="ID" 
                DataNavigateUrlFormatString="Detail.aspx?ID={0}" 
                HeaderText="More Detail" Text="Read!" >
            <ControlStyle CssClass="readfullcolumn" />
            </asp:HyperLinkField>
        </Columns>
    </asp:GridView>
    <asp:SqlDataSource ID="ExperiencesDataSource" runat="server" 
        ConnectionString="<%$ ConnectionStrings:ExperiencesConnectionString %>" 
        ProviderName="<%$ ConnectionStrings:ExperiencesConnectionString.ProviderName %>" 
        
        
        SelectCommand="SELECT [Exp_Author], [Exp_Title], [Exp_Thumbnail], [ID], [Exp_Photo] FROM [Experiences]"></asp:SqlDataSource>
</p>
</asp:Content>
